<template>
  <div>
    <el-tabs type="border-card">
      <el-tab-pane label="铸造车间">
        <el-card class="box-card" shadow="never">
          <div slot="header" class="clearfix" >
            <el-form :inline="true" class="demo-form-inline">
              <el-form-item label="请选择生产线">
                <el-select
                  v-model="formInline.region"
                  placeholder="请选择生产线"
                >
                  <el-option label="区域一" value="shanghai"></el-option>
                  <el-option label="区域二" value="beijing"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item>
                <el-button
                  type="primary"
                  icon="el-icon-search"
                  @click="onSubmit"
                  >查询</el-button
                >
              </el-form-item>
              <el-form-item style="float:right">
                <el-button type="primary" icon="el-icon-plus" @click="onSubmit"
                  >新建设备字典</el-button
                >
              </el-form-item>
            </el-form>
          </div>
          <div v-for="o in 40" :key="o" class="text item">
            {{ "列表内容 " + o }}
          </div>
        </el-card>
      </el-tab-pane>
      <el-tab-pane label="机加工车间">配置管理</el-tab-pane>
      <el-tab-pane label="涂装车间">角色管理</el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
export default {
  name: "sumDevices",
  components: {},
  props: {},
  data() {
    return {
      formInline: {
        user: "",
        region: "",
      },
    };
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    onSubmit() {
      console.log("submit!");
    },
  },
};
</script>
<style lang="less" scoped>
.text {
  font-size: 14px;
}

.item {
  margin-bottom: 18px;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
</style>